<template>
  <div>
    <div class="img">
      <img src="../../../public/wx/c.jpeg" alt="" />
      <img src="../../../public/wx/c4.jpeg" alt="" />
      <img src="../../../public/wx/c11.jpeg" alt="" />
      <img src="../../../public/wx/c12.jpeg" alt="" />
      <img src="../../../public/wx/c5.jpeg" alt="" />
    </div>
    <div class="img2">
      <img src="../../../public/wx/c6.jpeg" alt="" />
      <img src="../../../public/wx/c8.jpeg" alt="" />
      <img src="../../../public/wx/c9.jpeg" alt="" />
    </div>
    <div class="img">
        <img src="../../../public/wx/c10.jpeg" alt="" />
        <img src="../../../public/wx/j1.jpeg" alt="" />
        <img src="../../../public/wx/j2.jpeg" alt="" />
        <img src="../../../public/wx/j3.jpeg" alt="" />
        <img src="../../../public/wx/j4.jpeg" alt="" />
        <img src="../../../public/wx/j5.jpeg" alt="" />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.img {
  width: 100%;
}
.img img {
  width: 100%;
}
.img2{
    width: 100%;
    display: flex;
    
}
.img2 img{
flex: 1;
width: 33%;
}
img{
    font-size: 0;
    display: block;
}
</style>